<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<%@ include file="/commons/messages.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新增业主资料</title>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/public.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/public3.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/global.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/div/common.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/ajaxException.js"></script>
<%@ include file="/commons/validation.jsp" %>
<%@ include file="/commons/dateTime.jsp" %>
<script language="JavaScript" type="text/javascript" src="${ctx}/pages/com/ce/pms/customer/tenement.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/common.js"></script>
<link href="${ctx}/styles/aux_window.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
var windowObj = null;
var individual = null;
var interestObj = null;
var enterprise = null;
var submitFormName = "individualForm"; //将提交的表单名称
var closeFlag = false;  //标识点击并新增、保存按钮
function submitForm(){
		var isPass=$(submitFormName).fireEvent("onSubmit");
		if(isPass){
			setTimeout("mySubmitForm();",3000);
		}
}
function mySubmitForm(){
   	if(validate_pass){
       	windowObj.setButtonUserable(false); //设置按钮不可用
		var url = $(submitFormName).action;
		var parameters = $(submitFormName).serialize();
		sendAjaxRequest(url,parameters,closeFrm);
    }
}
function closeFrm(response){
    ajaxSubmitException(response.responseText);
    if("true" == response.responseText){
		var frameid=findFrame('connTabPanel');
	    frameid.refurbishLesseeList();
		if(!closeFlag){ //点击的保存按钮
	        windowClose();
		}
		else {  //点击的保存并新增
	        location.reload();
		}
	}
}
//true标识保存按钮  false标识保存并新增按钮
function setCloseFlag(flag){
	closeFlag = flag;
}
function setFlag(flagVar){
	if(flagVar){
		submitFormName = "individualForm";
		return;
	}
	submitFormName = "organizationForm";
}
function radioClickHandle(tableid,displayable){
	display(tableid,displayable);
}

//证件类型失去焦点时处理
function onblurEventHandle(){
	individual.setInfoByCertificate();
}
//下拉框改变时，要求保存证件类型名称,同时检查后台是否有相同的人
function handleOnchange(thiz){
	individual.setInfoByCertificate();
}

function init(){
	windowObj = new WindowObj('btn1_42','btn1_52','btn1_32');
	individual = new Individual(windowObj,'individualForm');
	individual.init();
	tenementFlag = "lessee";
	tipName ="租户";
	interestObj = new Interest('selectedInterest','unSelectInterest');
	enterprise = new Enterprise('organizationForm');
	enterprise.init();
}
</script>
</head>

<body onload="init();">
<div style="overflow:auto; height:480px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="window_head_outBg"><table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="${ctx}/images/ico_Advance.gif" width="16" height="16" align="absmiddle"> <span class="window_head_intext">新增租主资料</span></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td class="aux_header_line_1"></td>
  </tr>
  <tr>
    <td class="aux_header_line_2"></td>
  </tr>
  <tr>
    <td valign="middle" class="content"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="container_in_show">
      <tr>
        <td valign="top">
              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" id="tab_subMenu1">
                      <tr>
                        <td><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0">
                            <tr>
                              <td><table width="100%" border="0" cellpadding="0" cellspacing="1" class="aux_intable_color" >
                                  <tr>
                                    <td colspan="4" class="aux_titletable">租主类型&nbsp;　&nbsp;　&nbsp;　&nbsp;　&nbsp;
                                        <input name="customerType" type="radio" value="individual" checked="checked"  onClick="radioClickHandle('table01','show');radioClickHandle('table02','hidden');setFlag(true);" />
                                      个人&nbsp;　&nbsp;　&nbsp;　&nbsp;　&nbsp;　
                                      <input type="radio" name="customerType" value="organization" onClick="radioClickHandle('table02','show');radioClickHandle('table01','hidden');setFlag(false);" >
                                      企业</td>
                                  </tr>
                                </table>
                      <!----------个人信息--------------->
                               <form id="individualForm" name="individualForm" method="post" action="${ctx}/customer_lesseeAction.do?method=addIndividualLesseeToCache" class="required-validate">
                                  <input type="hidden" name="participantId" value=""/>
                                  <input type="hidden" id="oldParticipantId" name="oldParticipantId" value="">
                                  <input type="hidden" id="optionType" name="optionType" value="isAddAdd"> <!-- 是添加还是修改标识 -->
                                  <input type="hidden" id="index" name="index" value=""> <!-- 缓存索引 -->
                                  <table width="100%" border="0" cellpadding="0" cellspacing="1" class="aux_intable_color" id="table01" style="display:show">
                                    <tr>
                                      <td colspan="4" class="aux_titletable">基本资料</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">姓名：</td>
                                      <td class="aux_intable_require"><input name="participantName" type="text" class="required validate-char" size="16" maxlength="80">                                      </td>
                                      <td class="aux_intable_td1">证件类型：</td>
                                      <td class="aux_intable_require">
                                      	<pms:unitedSelect id="certificateType" value="${individual.certificateType}" selectText="请选择..."
											name="certificateType" dataList="${certificateTypes}"
											optionLabel="idTypeName"
											className="select-one-required"
											onChange="handleOnchange(this);"
											optionValue="idTypeId" >
										</pms:unitedSelect>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">称呼：</td>
                                      <td class="aux_intable_td2"><input name="appellative" type="text" class="validate-char" size="16" maxlength="20">                                      </td>
                                      <td class="aux_intable_td1">证件号码：</td>
                                      <td class="aux_intable_require"><input name="certificateNo" type="text" class="required validate-char" size="16" onblur="onblurEventHandle();" maxlength="36">                                      </td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">性别：</td>
                                      <td class="aux_intable_require"><mypms:Radio id="indSex" name="sex" code="CS_INDIVIDUAL_SEX" className="validate-one-required"></mypms:Radio></td>
                                      <td class="aux_intable_td1">联系电话：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="telephone" type="text" class="validate-char" size="16" maxlength="80"></td>
                                            <td width="4">&nbsp;</td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td colspan="4" class="aux_titletable">紧急联系信息</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">紧急联系人：</td>
                                      <td class="aux_intable_td2"><input name="emergencyMan" type="text" class="validate-char" size="16" maxlength="30">                                      </td>
                                      <td class="aux_intable_td1">紧急联系电话：</td>
                                      <td class="aux_intable_td2"><input name="emergencyPhone" type="text" class="validate-char" size="16" maxlength="80">                                      </td>
                                    </tr>
                                    <tr>
                                      <td colspan="4" class="aux_titletable">其他资料</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">出生日期：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="birthDate" type="text" class="validate-date-yyyy-MM-dd validate-ajax"
                                             replaceId="dataValue"
                              validateUrl="${ctx}/common_sysrefcodeAction.do?method=compareCurrentDate&dateFormat=yyyy-MM-dd&compareType=smallCurrentDate" validateMessage="输入的出生日期必须小于当前系统时间" value="" size="16" afterInsert="birthDateAfter" maxlength="10"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img id="imgBirthDate" src="${ctx}/images/ico_clock.gif" width="20" height="20"><span id="birthDateAfter"></span></td>
                                          </tr>
                                      </table></td>
                                      <td class="aux_intable_td1">电子邮件：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="email" type="text" class="validate-email" value="" size="16" afterInsert="emailAfter" maxlength="50"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img src="${ctx}/images/ico-aux_household_email.gif" width="16" height="16"><span id="emailAfter"></span></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">籍贯：</td>
                                      <td class="aux_intable_td2"><input name="homeplace" type="text" class="validate-char" value="" size="16" maxlength="200"></td>
                                      <td class="aux_intable_td1">车辆情况：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="registerCar" type="text" class="validate-char" value="" size="16" maxlength="200"></td>
                                            <td width="4">&nbsp;</td>
                                            <td>&nbsp;</td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">户口所在地：</td>
                                      <td class="aux_intable_td2"><input name="registerPlace" type="text" class="validate-char" value="" size="16" maxlength="200"></td>
                                      <td rowspan="2" valign="top" class="aux_intable_td1">兴趣爱好：</td>
                                      <td rowspan="2" class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><pms:unitedSelect id="unSelectInterest"
                                            					  size="5"
                                            					  multiple="multiple"
                                            					  value="${individual.interest}"
                                            					  style="width:100px;height:60px;color:#000000;border: 1px solid #9299A3;padding-top: 3px;"
                                            					  ondblclick="interestObj.moveToRight()"
																  name="unSelectInterest"
																  dataList="${interestes}"
													 			  optionLabel="name"
													              optionValue="interestId" >
												</pms:unitedSelect></td>
                                            <td><table border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                  <td width="4" style="width:4px;"></td>
                                                  <td width="4" class="between_space_both"></td>
                                                  <td>
                                                  <select name="selectedInterest"
                                                          size="5"
                                                          multiple="multiple"
                                                          id="selectedInterest"
                                                          style="width:100px;height:60px"
                                                          ondblclick="interestObj.moveToLeft();">
			                                       </select>
			                                       <input type="hidden" name="interest" value=""/>
                                                  </td>
                                                </tr>
                                            </table></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">职业：</td>
                                      <td valign="top" class="aux_intable_td2"><input name="profession" type="text" class="validate-char" value="${individual.profession}" size="16" maxlength="30"></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">单位名称：</td>
                                      <td class="aux_intable_td2"><input name="corporation" type="text" class="validate-char" value="" size="16" maxlength="100"></td>
                                      <td rowspan="2" valign="top" class="aux_intable_td1">备注：</td>
                                      <td rowspan="2" valign="top" class="aux_intable_td2"><textarea name="remark" cols="29" rows="2" class="max-length-1000"></textarea></td>
                                    </tr>
                                    <tr>
                                      <td valign="top" class="aux_intable_td1">联系地址：</td>
                                      <td valign="top" class="aux_intable_td2"><input name="linkAddress" type="text" class="validate-char" value="" size="16" maxlength="255"></td>
                                    </tr>
                                  </table>
							</form>
                           <!-----------------------企业信息------------------------->
                           <form name="organizationForm" id="organizationForm" method="post" action="${ctx}/customer_lesseeAction.do?method=addOrganizationLesseeToCache" class="required-validate">
                           <input type="hidden" name="participantId" value=""/>
                           <input type="hidden" id="oldParticipantId" name="oldParticipantId" value="">
                           <input type="hidden" id="optionType" name="optionType" value="isAddAdd"> <!-- 是添加还是修改标识 -->
						   <input type="hidden" id="index" name="index" value=""><!-- 缓存index -->

                           <input type="hidden" name="corporationId" value=""/>
                           <input type="hidden" name="consignerId" value=""/>
                           <input type="submit" id="formSubmit2" style="display:none">
                                <table width="100%" border="0" cellpadding="0" cellspacing="1" class="aux_intable_color" id="table02" style="display:none">
                                    <tr>
                                      <td colspan="4" class="aux_titletable">企业信息</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">单位名称：</td>
                                      <td class="aux_intable_require"><input id="orgName" name="participantName" type="text" class="required validate-char" size="16" maxlength="80" onblur="enterprise.processEnterpriseName(this.value);">                                      </td>
                                      <td class="aux_intable_td1">联系人：</td>
                                      <td class="aux_intable_td2"><input name="organizationLinkMan" type="text" class="validate-char" size="16" maxlength="80"></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">单位地址：</td>
                                      <td class="aux_intable_td2"><input name="address" type="text" class="validate-char" size="16" maxlength="255"></td>
                                      <td class="aux_intable_td1">联系电话：</td>
                                      <td class="aux_intable_td2"><input name="telephone" type="text" class="validate-char" size="16" maxlength="80"></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">邮政编码：</td>
                                      <td class="aux_intable_td2"><input name="zip" type="text" class="validate-char" size="16" maxlength="30"></td>
                                      <td class="aux_intable_td1">&nbsp;</td>
                                      <td class="aux_intable_td2">&nbsp;</td>
                                    </tr>
                                    <tr>
                                      <td colspan="4" class="aux_titletable">法人代表基本资料</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">姓名：</td>
                                      <td class="aux_intable_require"><input name="organizationPersonName" type="text" class="required validate-char" size="16" maxlength="80">                                      </td>
                                      <td class="aux_intable_td1">出生日期：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="corporationBirthDate" type="text" class="validate-date-yyyy-MM-dd validate-ajax"
                                             replaceId="dataValue"
                              validateUrl="${ctx}/common_sysrefcodeAction.do?method=compareCurrentDate&dateFormat=yyyy-MM-dd&compareType=smallCurrentDate" validateMessage="输入的出生日期必须小于当前系统时间" value="" size="16" afterInsert="bdAfter" maxlength="10"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img id="imgBirthDateOrgnization" src="${ctx}/images/ico_clock.gif" width="20" height="20"><span id="bdAfter"></span></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">称呼：</td>
                                      <td class="aux_intable_td2"><input id="orgAppellative" name="appellative" type="text" class="validate-char" size="16" maxlength="20"></td>
                                      <td class="aux_intable_td1">联系电话：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="organizationPersonPhone" type="text" class="validate-char" size="16" maxlength="80"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img src="${ctx}/images/ico-aux_household_sj.gif" width="16" height="16"></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">性别：</td>
                                      <td class="aux_intable_require"><mypms:Radio  name="sex" id="orgSex" code="CS_INDIVIDUAL_SEX" className="validate-one-required"></mypms:Radio></td>
                                      <td class="aux_intable_td1">电子邮件：</td>
                                      <td class="aux_intable_td2">
                                      <table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input id="orgEmail" name="email" type="text" class="validate-email" value="" size="16" afterInsert="emAfter" maxlength="50"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img src="${ctx}/images/ico-aux_household_email.gif" width="16" height="16"><span id="emAfter"></span></td>
                                          </tr>
                                      </table>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">证件类型：</td>
                                      <td class="aux_intable_require">
                                      <pms:unitedSelect id="orgcertificateType"
										name="certificateType" dataList="${certificateTypes}" value="${organization.certificateType}" selectText="请选择..."
								 		optionLabel="idTypeName"
								 		className="select-one-required"
								 		onChange="enterprise.corporation();"
										optionValue="idTypeId">
									  </pms:unitedSelect>
                                      </td>
                                      <td class="aux_intable_td1">联系地址：</td>
                                      <td class="aux_intable_td2"><input name="linkAddress" type="text" class="validate-char" size="16" maxlength="255"></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">证件号码：</td>
                                      <td class="aux_intable_require"><input id="orgCertificateNo" name="certificateNo" type="text" class="required validate-char" size="16" onblur="enterprise.corporation();" maxlength="36">                                      </td>
                                      <td rowspan="2" valign="top" class="aux_intable_td1">备注：</td>
                                      <td rowspan="2" valign="top" class="aux_intable_td2"><textarea name="remark" cols="29" rows="2" class="max-length-1000"></textarea></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">户口所在地：</td>
                                      <td class="aux_intable_td2"><input name="registerPlace" type="text" class="validate-char" size="16" maxlength="200"></td>
                                    </tr>
                                    <tr>
                                      <td colspan="4" class="aux_titletable">委托代理人</td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">姓名：</td>
                                      <td class="aux_intable_require"><input name="consignerName" type="text" class="required validate-char" value="" size="16" maxlength="80"></td>

                                      <td class="aux_intable_td1">联系电话：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="consignerPhone" type="text" class="validate-char" size="16" maxlength="80"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img src="${ctx}/images/ico-aux_household_sj.gif" width="16" height="16"></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">性别：</td>
                                      <td class="aux_intable_require"><mypms:Radio id="conSex" name="consignerSex" code="CS_INDIVIDUAL_SEX" className="validate-one-required"></mypms:Radio></td>
                                      <td class="aux_intable_td1">电子邮件：</td>
                                      <td class="aux_intable_td2"><table border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td><input name="consignerEmail" type="text" class="validate-email" value="" size="16" afterInsert="emlAfter" maxlength="50"></td>
                                            <td width="4">&nbsp;</td>
                                            <td><img src="${ctx}/images/ico-aux_household_email.gif" width="16" height="16"><span id="emlAfter"></span></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">证件类型：</td>
                                      <td class="aux_intable_require">
                                      <pms:unitedSelect id="consignerCertificateType" selectText="请选择..."
										name="consignerCertificateType" dataList="${consignerCertificateTypes}" value="${organization.consignerCertificateType}"
										optionLabel="idTypeName"
										className="select-one-required"
										onChange="enterprise.consigner();"
										optionValue="idTypeId">
									</pms:unitedSelect></td>
                                      <td class="aux_intable_td1">籍贯：</td>
                                      <td class="aux_intable_td2"><input name="consignerHomeplace" type="text" class="validate-char" value="" size="16" maxlength="200"></td>
                                    </tr>
                                    <tr>
                                      <td class="aux_intable_td1">证件号码：</td>
                                      <td class="aux_intable_require"><input name="consignerCertificateNo" type="text" class="required validate-char" size="16" onblur="enterprise.consigner();" maxlength="36">                                      </td>
                                      <td class="aux_intable_td1">联系地址：</td>
                                      <td class="aux_intable_td2"><input name="consignerAddress" type="text" class="validate-char" value="" size="16" maxlength="255"></td>
                                    </tr>
                                </table>
                              </form>
                              </td>
                            </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
              </table>
            </td>
        </tr>
       </table></td>
  </tr>
 </table>
 </div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td class="window_footer"><table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><table border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td class="buttonOffLeft" id="btn1_41"></td>
              <td class="buttonOffMiddle" id="btn1_42" onClick="setCloseFlag(true);submitForm(true);" onMouseOver="btn_change_over(4)" onMouseOut="btn_change_out(4)" onblur="btn_change(4)"><img src="${ctx}/images/ico_htn_interim.gif" alt="" width="14" height="15" border="0" align="absbottom">&nbsp;保存并新增</td>
              <td class="buttonOffRight" id="btn1_43"></td>
            </tr>
          </table></td>
		  <td class="btn_between_space"></td>
          <td><table border="0" cellpadding="0" cellspacing="0" >
            <tr>
              <td class="buttonOffLeft" id="btn1_51"></td>
              <td class="buttonOffMiddle" id="btn1_52" onblur="btn_change(5)" onMouseOver="btn_change_over(5)" onMouseOut="btn_change_out(5)" onClick="setCloseFlag(false);submitForm();"><img src="${ctx}/images/ico_ok.gif" border="0" align="absmiddle" /> 保 存</td>
              <td class="buttonOffRight" id="btn1_53"></td>
            </tr>
        </table></td>
        <td class="btn_between_space"></td>
        <td><table border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td class="buttonOffLeft" id="btn1_31"></td>
              <td class="buttonOffMiddle" id="btn1_32" onblur="btn_change(3)" onMouseOver="btn_change_over(3)" onMouseOut="btn_change_out(3)" onclick="windowClose();"><img src="${ctx}/images/ico_cancel.gif" border="0" align="absmiddle" /> 关 闭</td>
              <td class="buttonOffRight" id="btn1_33"></td>
            </tr>
        </table></td>
      </tr>
    </table>
	</td>
</tr>
</table>

<script type="text/javascript">
              Calendar.setup(
              {
	              inputField : "birthDate", // ID of the input field
	              ifFormat : "%Y-%m-%d", // the date format
	              button : "imgBirthDate", // ID of the button
	              align          :    "Tl",           // alignment (defaults to "Bl")
			      singleClick    :    true
              }
              );

              Calendar.setup(
              {
	              inputField : "corporationBirthDate", // ID of the input field
	              ifFormat : "%Y-%m-%d", // the date format
	              button : "imgBirthDateOrgnization", // ID of the button
	              align          :    "Tl",           // alignment (defaults to "Bl")
			      singleClick    :    true
              }
              );
</script>
</body>
</html>
</html>